<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp" %>
<%@ taglib prefix ="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<%@ include file="/common/common-css.jsp" %>
		<style>
		#jquery-table td{cursor:pointer !important}
		.load_bg{background:#000;opacity:0.1;left:0px;top:0px;position:fixed;height:100%;width:100%;overflow:hidden;z-index:10000;}
		.load_img{left:50%;top:180px;position:fixed;height:50px;overflow:hidden;z-index:20000;}
		</style>
	</head>
<body  class="no-skin">
<div  class="load_bg" style="display:none;" ></div>
<img src="http://img.xmiles.cn/commentloading.gif" class="load_img" style="display:none"/>
<div class="page-content">
<div id="test"></div>
	<form id="queryForm" >
	<div class="page-content-area">
		<div class="row">
			<div class="col-sm-12">
				<div class="widget-box" style="border:0px solid #ccc; border-top:none;border-bottom:none;">
					<div class="widget-header widget-header-blue widget-header-flat">
						<h4 class="widget-title">选择条件进行查询</h4>

						<div class="widget-toolbar">
							<a href="#" data-action="collapse">
								<i class="ace-icon fa fa-chevron-up"></i>
							</a>
						</div>
					</div>

					<div class=" widget-body">
						<!-- <div class="widget-main" style="padding:12px;border:0px solid #ccc; border-top:none;border-bottom:none;"> -->
									<div class="widget-main" >
										
										<div class="form-group col-xs-12 col-sm-4 col-md-3 col-lg-3">
											<label class="col-sm-4 control-label"  style="text-align:right"  for="sex">时间:</label>
											<div class="col-sm-8">
												<div class="input-daterange input-group">
													<input type="text" data-date-format="yyyy/mm/dd" class="date-picker input-sm form-control" style="padding-left:0px" name="startTime">
													<span class="input-group-addon" style="width:6px">
														<i class="fa fa-exchange"></i>
													</span>
													<input type="text" data-date-format="yyyy/mm/dd" class="date-picker input-sm form-control" style="padding-left:0px" name="endTime">
												</div>
											</div>
										</div>
										<div class="form-group col-xs-12 col-sm-4 col-md-3 col-lg-3">
											<label class="col-sm-4 control-label" for="channel" style="text-align:right;">子栏目:</label>
											<div class="col-sm-8">
												<select class="form-control" name="channelId" id="channel-id">
						
					                            </select>
											</div>
										</div>
										
							</div><!-- /.widget-main -->
					</div><!-- /.widget-body -->
				</div><!-- /.widget-box -->
			</div><!-- /.col-sm-12 -->
				<div class="col-md-12 center">
				<div class="clearfix form-actions">
				
					<button class="btn btn-purple  no-border" type="button" name="btn-query" onclick="query_any()" id="btn-query">
						<i class="ace-icon fa fa-search icon-on-right bigger-110"></i>
						查询
					</button>
					&nbsp;&nbsp;&nbsp;
					<button class="btn btn-grey  no-border" type="reset">
						<i class="ace-icon fa fa-undo icon-on-right bigger-110"></i>
						重置
					</button>
					
				  </div>
		   </div>
		</div><!-- /.row -->

		<div class="row">
			<div class="col-xs-12">
				<table id="jquery-table" class="table table-striped table-bordered table-hover">
				</table>
			</div><!-- /.col -->
		</div><!-- /.row -->
			
	</div><!-- /.page-content-area -->
	</form>
</div><!-- /.page-content -->

<%@ include file="/common/common-js.jsp" %>
<script type="text/javascript" src="${ctx}/js/call_func.js"></script>
<!-- inline scripts related to this page -->
<script type="text/javascript">

var channelId;

//接受URL参数，进行文档写入
function getQueryString(name) {
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
		var r = window.location.search.substr(1).match(reg);
	if (r != null) return decodeURI(r[2]); return null;
}
		
//【查询】按钮Click事件
function query_any(){
	if(jqTable != null){
		jqTable.fnDraw();
		
	}else{
		loaddata();
		$("#checkAll").on("change", function () {
			if($("#checkAll").prop("checked")==true){
				$('input[name = "id"]:checkbox').prop("checked", true);
			}
			else{
				$('input[name = "id"]:checkbox').prop("checked", false);
				
			}
			
		});
		
	}
};

var jqTable = null;
var loaddata = null;
	
//时间控件
jQuery(function($) {
	$(".date-picker").datepicker({autoclose:true}).next().on(ace.click_event, function(){
		$(this).prev().focus();
	});
	
	//选择栏目所属
	$('#channel-id').on('change',function(){
		channelId = $(this).val();
	});
	
	$.ajax({
		"type": "POST",
		"dataType": 'json',
		"url": ctx+"/spread/channelListRequest.action?getChildrenList=1&parentid="+getQueryString("type"),
		"beforeSend": function(){
			$(".load_bg,.load_img").show();
		},
		"success": function(resp){
			console.log(resp);
			var option = '';
			$.each(resp.aaData, function(index,item){
				option += '<option value='+item.id+'>'+item.channel+'</option>';
			});	
			$('#channel-id').html(option);
            channelId = $('#channel-id').val();;		
		},
		"error": function(XMLHttpRequest, textStatus, errorThrown) {
			alert(textStatus);
		},
		"complete": function(){
			$(".load_bg,.load_img").hide();
		}
	});
	
	$.ajax({
		"type": "POST",
		"dataType": 'json',
		"url": ctx+"/spread/channelshowwz.action?parentid="+getQueryString("type"),
		"beforeSend": function(){
			$(".load_bg,.load_img").show();
		},
		"success": function(resp){
			console.log(resp);
			if(resp[0].showwz == 1){
				loaddata = function(){
					jQuery(function($) {
						jqTable = $('#jquery-table').dataTable({
						    //数据列控制（包括对应返回JSON属性名称，对应表头列索引位置、数据转换封装等）
						    "columnDefs": [
						    	{
						    		  "title":"渠道",  //列名
						    		  "name":"channel",
									  "class": "center",
									  "data": "channel",   //JSON返回属性
									  "targets": [0], //第几列
									  "width": "30%", //px 或者 %
									  "bSortable": false,
						    	},
						    	{
						    		  "title":"日期",
						    		  "name":"date",
									  "class": "center",
						    		  "data": "date",
						    	  	  "targets": [1], 
						    	  	  "bSortable": false,
				 		    	  	  "width": "30%"
						    	},
						    	 {
						    	 	  "title":"下载量",
						    	 	  "name":"count",
									  "class": "center",
						    	 	  "data": "count",
						    	  	  "targets": [2] ,		    	  	  
				 		    	  	  "width": "30%",
						    	  	  "bSortable": false,
									  "render": function(value, type, row){
										  return "<span class='count'>"+value+"</span>";
									  }
						    	},
						    	{
						    	 	  "title":"违章",
						    	 	  "name":"wznum",
						    	 	  "data": "wznum",
						    	  	  "targets": [3] ,		    	  	  
				 		    	  	  "width": "30%",
						    	  	  "bSortable": false,
						    	},
						  	],
							"sAjaxSource": ctx+"/spread/queryspread.action?rand="+Math.random(),//数据源URL
							"fnServerData": function ( sSource, aoData, fnCallback ) {//从服务器请求数据
						   			var data = $('#queryForm').serializeObject();
									data.aoData = JSON.stringify(aoData);
									$.ajax({
										"type": "POST",
										"dataType": 'json',
										"url": sSource,
										"data":data,
										"beforeSend": function(){
											$(".load_bg,.load_img").show();
										},
										"success": function(resp){	
				                            console.log(resp);					
											fnCallback(resp);
											initListPage();
											var allNum = 0;
											$('.count').each(function(){
												var num = $(this).text();
												num = +num;
												allNum = allNum + num;
											});
											$('#jquery-table_info').append('<span style="float:right;">本页总下载: '+allNum+'</span>');
										},
										"error": function(XMLHttpRequest, textStatus, errorThrown) {
				                            alert(textStatus);
										},
										"complete": function(){
											$(".load_bg,.load_img").hide();
										}
								});
							},
							
							"sScrollXInner": "100%",
							"sScrollY": "100%",//如果不设置，IE会有问题
						    "aaSorting": [[1,"desc"]] //初始化加载，默认按第几列排序、排序方式（列从0开始计算）
						});
					});
				};
			}else{
				loaddata = function(){
					jQuery(function($) {
						jqTable = $('#jquery-table').dataTable({
						    //数据列控制（包括对应返回JSON属性名称，对应表头列索引位置、数据转换封装等）
						    "columnDefs": [
						    	{
						    		  "title":"渠道",  //列名
						    		  "name":"channel",
									  "class": "center",
									  "data": "channel",   //JSON返回属性
									  "targets": [0], //第几列
									  "width": "30%", //px 或者 %
									  "bSortable": false,
						    	},
						    	{
						    		  "title":"日期",
						    		  "name":"date",
									  "class": "center",
						    		  "data": "date",
						    	  	  "targets": [1], 
						    	  	  "bSortable": false,
				 		    	  	  "width": "30%"
						    	},
						    	 {
						    	 	  "title":"下载量",
						    	 	  "name":"count",
									  "class": "center",
						    	 	  "data": "count",
						    	  	  "targets": [2] ,		    	  	  
				 		    	  	  "width": "30%",
						    	  	  "bSortable": false,
									  "render": function(value, type, row){
										  return "<span class='count'>"+value+"</span>";
									  }
						    	},
						  	],
							"sAjaxSource": ctx+"/spread/queryspread.action?rand="+Math.random(),//数据源URL
							"fnServerData": function ( sSource, aoData, fnCallback ) {//从服务器请求数据
						   			var data = $('#queryForm').serializeObject();
									
									data.aoData = JSON.stringify(aoData);
									$.ajax({
										"type": "POST",
										"dataType": 'json',
										"url": sSource,
										"data":data,
										"beforeSend": function(){
											$(".load_bg,.load_img").show();
										},
										"success": function(resp){	
				                            console.log(resp);					
											fnCallback(resp);
											initListPage();
											var allNum = 0;
											$('.count').each(function(){
												var num = $(this).text();
												num = +num;
												allNum = allNum + num;
											});
											$('#jquery-table_info').append('<span style="float:right;">本页总下载: '+allNum+'</span>');
										},
										"error": function(XMLHttpRequest, textStatus, errorThrown) {
				                            alert(textStatus);
										},
										"complete": function(){
											$(".load_bg,.load_img").hide();
										}
								});
							},
							
							"sScrollXInner": "100%",
							"sScrollY": "100%",//如果不设置，IE会有问题
						    "aaSorting": [[1,"desc"]] //初始化加载，默认按第几列排序、排序方式（列从0开始计算）
						});
					});
				};
			}
		},
		"error": function(XMLHttpRequest, textStatus, errorThrown) {
			alert(textStatus);
		},
		"complete": function(){
			$(".load_bg,.load_img").hide();
		}
	});
	
});
</script>
		
</body>
</html>